<script setup>
import HongHeader from './components/HongHeader.vue'
import FileList from './components/FileList.vue'
</script>

<template>
  <header>
    <HongHeader />
  </header>
  <main>
    <FileList />
  </main>
</template>

<style scoped>
header {
  line-height: 1.5;
}

.logo {
  display: block;
  margin: 0 auto 2rem;
}

header {
  display: flex;
  place-items: center;
  padding-right: calc(var(--section-gap) / 2);
  flex-direction: row-reverse;
}
</style>
